﻿@using BonjourQuotation.UI.Models.SetupModel
@model SetupAreasGridViewModel
@{
    
}
@using (@Html.BeginForm("AddNewArea", "Setup", FormMethod.Post, new { id = "AddNewAreaForm" }))
{
     <div id="ErrorMessagesDivPopUp">
        <label for="Validation" id="errorMessageClient" class="errorMessage"></label>
        @if (Model.Message != null)
        {
            @Html.LabelForModel(Model.Message, new { @class = "errorMessage", id = "errorMessageServer" })
        }
    </div>
    Model.SelectedAreaRegionID = Model.Rows[0].RegionID;
    <div class="pull-right" style="margin-bottom:15px;">
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-8">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.SelectedAreaRegionIDText)</span>
                    @Html.DropDownListFor(model => Model.SelectedAreaRegionID, new SelectList(Model.RegionID, "Value", "Text"), "Select", new { @class = "AreaAddElementChange ElementsForValidation table_inputs_SmallPadding2 inpputgr form-control RegionTypeDrop Required" })
                    @Html.DropDownListFor(model => Model.Rows[0].RegionID, new SelectList(Model.RegionID, "Value", "Text"), "Select", new { @class = "RoomGridDropHide" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-4">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].IsActive)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].IsActive, new { @class = "AreaAddElementChange" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-5">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].AreaCode)</span>
                    @Html.TextBoxFor(model => model.Rows[0].AreaCode, new { @class = "AreaAddElementChange ElementsForValidation table_inputs_SmallPadding2 inpputgr form-control MaxLength20 Required" })
                </div>
            </div>
            <div class="ElementsPaddingRight30 col-lg-7">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].AreaDescription)</span>
                    @Html.TextBoxFor(model => model.Rows[0].AreaDescription, new { @class = "AreaAddElementChange ElementsForValidation table_inputs_SmallPadding2 inpputgr form-control MaxLength50 Required" })
                </div>
            </div>
        </div>
        <div class="SaveCancelDiv">
            <button class="btn14 btn50" type="button" onclick="$('#cboxClose').click()">Cancel</button>
            <button class="btn14 btn50" type="button" id="AreaAddBtn">Save</button>
        </div>
    </div>
}




